import React, { memo, useEffect, useState } from 'react'

export default memo(function App() {
  const [counter, setCounter] = useState(200)

  useEffect(() => {
    // 函数组件的副作用
    // 当前传入的回调函数会在组件被渲染完成后，自动执行, 默认渲染组件后都会执行这个副作用
    // 网络请求/DOM操作/事件监听
    document.title = counter
  })

  return (
    <div>
      <h1>{counter}</h1>
      <button onClick={(e) => setCounter(counter + 1)}>+1</button>
    </div>
  )
})
